<template>
  <view class="ware">
    <view class="warehouse">
      <view class="title">
        <view>
          云仓管理
        </view>

        <view class="operate">
          自动补货
          <switch style="transform:scale(0.7)"/>
        </view>
      </view>

      <view class="wareContent">
        <view class="wareItem">
          <view class="wareItemTitle">
            大金柜
          </view>
          <view class="wareItemNum">
            280<text class="unit">个</text>
          </view>
        </view>
        <view class="wareItem">
          <view class="wareItemTitle">
            小金柜
          </view>
          <view class="wareItemNum">
            300<text class="unit">个</text>
          </view>
        </view>
      </view>
      <u-gap height="2" bg-color="#E9E9E9"></u-gap>
      <view class="getWare">
        提货款（元）：<text class="count">2300.00</text>
      </view>
    </view>
    <view class="logTitle">
        进出货记录
    </view>
    <scroll-view scroll-y class="scrollView">
      <u-collapse :accordion="false">
        <u-collapse-item :title="item.title" v-for="(item, index) in itemList" :key="index" :open="true" :item-style="itemStyle">
          <view class="logItem" v-for="i in item.list" :key="i.id">
            <view class="logItem-icon">
            </view>
            <view class="itemCount">
              <view class="itemTitle">
                {{i.name}}
                <view class="itemCount">
                  {{i.count}}件
                </view>
              </view>
              <view class="itemDate">
                {{i.date}}
              </view>
              <view class="itemOrder">
                订单号：{{i.order}}
              </view>
            </view>
          </view>
        </u-collapse-item>
      </u-collapse>
    </scroll-view>
  </view>

</template>

<script>
export default {
  data() {
    return {
      itemStyle: {
				marginBottom: '30rpx'
			},
      itemList:[
        {
          title:'2025年1月',
          list:[
            {
              id:1,
              name:'用户134****5447提货大金柜',
              count:'-1',
              date:'2025年01月08日 13:32:31',
              order:'7263628347236'
            },
            {
              id:2,
              name:'用户134****5235提货大金柜',
              count:'-1',
              date:'2025年01月08日 13:32:31',
              order:'7263628347236'
            },
            {
              id:3,
              name:'提货券激活完成备货大金柜',
              count:'+1',
              date:'2025年01月08日 13:32:31',
              order:'7263628347236'
            },
            {
              id:4,
              name:'系统自动备货大金柜',
              count:'+1',
              date:'2025年01月08日 13:32:31',
              order:'7263628347236'
            }
          ]
        },
        {
          title:'2024年12月',
          list:[
            {
              id:1,
              name:'用户134****5447提货大金柜',
              count:'-1',
              date:'2025年01月08日 13:32:31',
              order:'7263628347236'
            },
            {
              id:2,
              name:'用户134****5235提货大金柜',
              count:'-1',
              date:'2025年01月08日 13:32:31',
              order:'7263628347236'
            },
            {
              id:3,
              name:'提货券激活完成备货大金柜',
              count:'+1',
              date:'2025年01月08日 13:32:31',
              order:'7263628347236'
            },
            {
              id:4,
              name:'系统自动备货大金柜',
              count:'+1',
              date:'2025年01月08日 13:32:31',
              order:'7263628347236'
            }
          ]
        }
      ]

    };
  },
  methods: {

  },
  computed: {

  },
  watch: {

  },
  // 页面周期函数--监听页面加载
  onLoad() {
  },
  // 页面周期函数--监听页面初次渲染完成
  onReady() {},
  // 页面周期函数--监听页面显示
  onShow() {},
  // 页面周期函数--监听页面隐藏
  onHide() {},
  // 页面周期函数--监听页面卸载
  onUnload() {},
  // 页面处理函数--监听用户下拉动作
  onPullDownRefresh() {},
  // 页面上拉触底事件的处理函数
  onReachBottom() {},
  // 用户点击右上角分享
  onShareAppMessage() {},
  // 页面处理函数--监听页面滚动(not-nvue)
  onPageScroll(e) {}
};
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>
